<!-- cj -->
<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>$Title$</title>
    <head th:include="/utils/common_css :: commonCss"></head>
    <link th:href="@{/static/css/data_table.css}" rel="stylesheet" type="text/css"/>
    <style>
        .cj-main-info{
            box-sizing: border-box;
            font-weight: 300;
            margin: 10px 30px;
        }
    </style>
</head>
<body class="m-page--fluid m--skin- m-content--skin-light2 m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-dark m-aside-left--offcanvas m-footer--push m-aside--offcanvas-default">
<div class="m-grid m-grid--hor m-grid--root m-page">
    <div th:replace="/utils/header :: header"></div>
    <div class="m-grid__item m-grid__item--fluid m-grid m-grid--ver-desktop m-grid--desktop m-body">
        <div th:replace="/utils/left_menu :: leftMenu"></div>
        <div class="cj-main">
            <div class="cj-main-header">
                <ul>
                    <li class="icon">
                        <i class="m-nav__link-icon la la-home"></i>
                    </li>
                    <li>
                        <a class="decoration">系统设置</a>
                    </li>
                    <li>
                        <a class="decoration">人员管理</a>
                    </li>
                    <li class="header-activity">
                        <a>人员详情</a>
                    </li>
                </ul>
            </div>
            <div class="cj-main-info">
                <div class="row">
                    <div class="col-xl-3 col-lg-3">
                        <div class="m-portlet m-portlet--full-height  ">
                            <div class="m-portlet__body">
                                <div class="m-card-profile">
                                    <div class="m-card-profile__pic">
                                        <div class="m-card-profile__pic-wrapper">
                                            <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4170304738,2895518923&fm=27&gp=0.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="m-card-profile__details">
                                            <span class="m-card-profile__name"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                                Mark Andre
                                             </font></font>
                                            </span>
                                        <a href="" class="m-card-profile__email m-link"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                            mark.andre@gmail.com
                                        </font></font></a>
                                    </div>
                                </div>
                                <div class="m-portlet__body-separator"></div>
                                <div class="m-widget1 m-widget1--paddingless">
                                    <div class="m-widget1__item">
                                        <div class="row m-row--no-padding align-items-center">
                                            <div class="col">
                                                <h3 class="m-widget1__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                                    会员利润
                                                </font></font></h3>
                                                <span class="m-widget1__desc"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
															燃油周收益
														</font></font></span>
                                            </div>
                                            <div class="col m--align-right">
														<span class="m-widget1__number m--font-brand"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
															+ $ 17,800
														</font></font></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="m-widget1__item">
                                        <div class="row m-row--no-padding align-items-center">
                                            <div class="col">
                                                <h3 class="m-widget1__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                                    命令
                                                </font></font></h3>
                                                <span class="m-widget1__desc"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
															每周客户订单
														</font></font></span>
                                            </div>
                                            <div class="col m--align-right">
														<span class="m-widget1__number m--font-danger"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
															1800
														</font></font></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="m-widget1__item">
                                        <div class="row m-row--no-padding align-items-center">
                                            <div class="col">
                                                <h3 class="m-widget1__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                                    问题报告
                                                </font></font></h3>
                                                <span class="m-widget1__desc"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
															系统错误和问题
														</font></font></span>
                                            </div>
                                            <div class="col m--align-right">
														<span class="m-widget1__number m--font-success"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
															-27,49％
														</font></font></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-9 col-lg-9">
                        <div class="m-portlet m-portlet--full-height m-portlet--tabs  ">
                            <div class="m-portlet__head">
                                <div class="m-portlet__head-tools">
                                    <ul class="nav nav-tabs m-tabs m-tabs-line   m-tabs-line--left m-tabs-line--primary" role="tablist">
                                        <li class="nav-item m-tabs__item">
                                            <a class="nav-link m-tabs__link active" data-toggle="tab" href="#m_user_profile_tab_1" role="tab">
                                                <i class="flaticon-share m--hide"></i><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                                充值记录
                                            </font></font></a>
                                        </li>
                                        <li class="nav-item m-tabs__item">
                                            <a class="nav-link m-tabs__link" data-toggle="tab" href="#m_user_profile_tab_2" role="tab"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                                使用记录
                                            </font></font></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="tab-content">
                                <div class="tab-pane active" id="m_user_profile_tab_1">
                                    <h1>充值记录</h1>
                                </div>
                                <div class="tab-pane" id="m_user_profile_tab_2">
                                    <h1>使用记录</h1>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="/utils/common_js :: commonJS"></div>
<script>
    function saveInfo() {
        swal({
            position: "top-right",
            type: "success",
            title: "人员信息录入成功",
            showConfirmButton: !1,
            timer: 1500
        })
    }
    function cancel() {
        swal({
            position: "取消",
            type: "warning",
            title: "数据已取消保存！",
            showConfirmButton: 1,
            timer: 1500
        })
    }
</script>
</body>
</html>